@charset "utf-8";
/*这些元素都建议重新初始化*/
body,div,dl,dt,dd,ul,ol,li,tr,td,th,
h1,h2,h3,h4,h5,h6,hr,br,img,table,
input,form,a,p,textarea{
    padding:0;
    margin:0;
    /* font-family:Arial,'Microsoft YaHei','宋体'; */
    font-family: PingFangSC-Regular, PingFang SC;
}
/*去掉列表默认排列*/
ul,ol,li{
    list-style:none;
}
/*去掉底部横线，把a元素更改设置成块级元素*/
a{
    text-decoration:none;
    display:block;
}
/*img标签要清除border以及display设为block设置为块级元素，默认为display:inline;存在下边线多出4px状况，所以一般设为block*/
img{
    border:0;
    display:block;
}


/* 输入框 */

textarea,
input {
    background: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

input::input-placeholder {
    color: #999999;
  }
  input::-webkit-input-placeholder {
    color: #999999;
  }
  input::-moz-placeholder {
    color: #999999;
  }
  input::-moz-placeholder {
    color: #999999;
  }
  input::-ms-input-placeholder {
    color: #999999;
  }
 
/* 无外框 */
textarea:focus,
input:focus,
button:focus {
    outline: none
}
 
/* 清除ie浏览器input自带的icon */
::-ms-clear,::-ms-reveal{
  display: none;
}
 
/* input标签聚焦不出现默认边框: */
input{
  border: none;
  appearance:none;
  -moz-appearance:none;
  outline:none;
  -webkit-appearance: none;
}





/*清除浮动破坏带来的塌陷问题*/
/*清除浮动的兼容IE*/
.clearfloat{
	zoom:1;
}
.clearfloat:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
}


/*常用flex布局*/
.flex_dom {
    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
}

.flex_column{
    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.flex_j_between{justify-content: space-between;-webkit-justify-content: space-between;}
.flex_j_center{ justify-content:center;-webkit-justify-content:center;}
.flex_j_around{justify-content: space-around;-webkit-justify-content: space-around;}
.flex_j_end{justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex_item_center{align-items:center;-webkit-align-items: center;}
.flex_item_stretch{align-items: stretch;-webkit-align-items: stretch;}
.flex_item_end{align-items: flex-end;-webkit-align-items: flex-end;}
.flex_wrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;}

